﻿<Page
    x:Class="Microsoft.Samples.Kinect.HDFaceBasics.MainPage"
    xmlns:renderer="using:HDFaceVisualizer"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Microsoft.Samples.Kinect.HDFaceBasics"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" Loaded="Page_Loaded" RequestedTheme="Light" Unloaded="Page_Unloaded" >
    <Page.Resources>
        <SolidColorBrush x:Key="MediumGreyBrush" Color="#ff6e6e6e" />
        <SolidColorBrush x:Key="KinectPurpleBrush" Color="#ff52318f" />
        <SolidColorBrush x:Key="KinectBlueBrush" Color="#ff00BCF2" />
    </Page.Resources>

    <Grid Background="White" Margin="10 0 10 0">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Image Source="Images/Logo.png" Stretch="Fill" Height="32" Width="81" Margin="10 10 0 5" 
               Grid.Row="0" HorizontalAlignment="Left"/>
        <Image Source="Images/Status.png" Stretch="None" HorizontalAlignment="Center" 
               Margin="0 0 0 5" Grid.Row="0"/>
        <TextBlock Margin="0,0,10,10" VerticalAlignment="Bottom" HorizontalAlignment="Right" Foreground="{StaticResource MediumGreyBrush}" FontFamily="Segoe UI" FontSize="18"
               Grid.Row="0">High Definition Face Basics</TextBlock>
        <StackPanel Grid.Row="1" Height="1000" Orientation="Horizontal">
            <StackPanel Width="400">
                <TextBlock Margin="10" HorizontalAlignment="Left" Foreground="{StaticResource MediumGreyBrush}" FontFamily="Segoe UI" FontSize="18">Anim Units:</TextBlock> 
                <Border >
                    <TextBlock x:Name="lblAnimUnits" Height="400" Width="380"  Margin="10" HorizontalAlignment="Left" Foreground="{StaticResource MediumGreyBrush}" FontFamily="Segoe UI" FontSize="12"></TextBlock>

                </Border>
                <TextBlock Margin="10" HorizontalAlignment="Left" Foreground="{StaticResource MediumGreyBrush}" FontFamily="Segoe UI" FontSize="18">Face Deform Units:</TextBlock>
                <Border >
                    <TextBlock x:Name="lblFaceDeforms" Height="400" Width="380"  Margin="10" HorizontalAlignment="Left" Foreground="{StaticResource MediumGreyBrush}" FontFamily="Segoe UI" FontSize="12"></TextBlock>

                </Border>
            </StackPanel>
            <StackPanel Orientation="Vertical">
               <Image x:Name="imgKinectView" Width="660" Height="400"  Stretch="Uniform" />
                <renderer:HDFaceD3DPanel x:Name="HDFaceRenderingPanel"  Width="660" Height="400" VerticalAlignment="Center" />
            </StackPanel>
        </StackPanel>
        
        <StackPanel Grid.Row="2" HorizontalAlignment="Stretch" Name="statusBar" VerticalAlignment="Bottom" Background="White" Margin="10">
            <TextBlock Text="{Binding StatusText}" Foreground="{StaticResource KinectBlueBrush}" FontSize="20" />
            <StackPanel Orientation="Horizontal" Margin="10">
            <Button Click="StartCaptureButton_Click">Start Capture</Button>
                <TextBlock x:Name="lblSkinColor"  Text="Skin Color: " Foreground="{StaticResource KinectBlueBrush}" FontSize="20" />
                <Canvas Width="100" x:Name="skinColor"></Canvas>
                <TextBlock x:Name="lblHairColor"  Text="Hair Color: " Foreground="{StaticResource KinectBlueBrush}" FontSize="20" />
                <Canvas Width="100" x:Name="hairColor"></Canvas>
            </StackPanel>
        </StackPanel>
    </Grid>
</Page>
